<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>audio 使用 - Multimedia 插件 - demo</title>
  <link rel="stylesheet" href="https://gw.alipayobjects.com/as/g/antui/antui/10.1.32/dpl/antui.css"/>
  <style>
    .container {
      width: 375px;
      height: 812px;
      background-color: rgba(0,0,0,255);
    }
  </style>
</head>
<body>
<div class="am-flexbox" style="align-items: start;">
  <div class="container" id="J-container"></div>

  <div class="am-flexbox-item">
    <div>
      <input type="text" id="J-input" style="width: 98%" value="https://mdn.alipayobjects.com/huamei_s9rwo4/afts/file/A*zERYT5qS-7kAAAAAAAAAAAAADiqKAQ" placeholder="音频链接" />
    </div>
    <div>
      <button id="J-add" class="am-button tiny">添加 AudioComponent</button>
      <button id="J-update" class="am-button tiny">更新 Audio 资源</button>
    </div>
  </div>
</div>
<script type="module" src="./src/audio.ts"></script>
</body>
</html>
